<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>幸运商城</title>
    <link href="css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/aui.css"/>
    <link rel="stylesheet" href="css/shop.css">
    <link rel="stylesheet" href="css/alert.css">
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/mui.min.js"></script>
    <script src="js/init.js"></script>
    <style>
        @media screen and (max-width:320px){
            .back_scroll_bg{height:56vh;}
            .back_order{height:60vh;}
        }
        @media screen and (min-width:376px) and (max-width:414px){
            .back_scroll_bg{height:66vh;}
            .back_order{height:70vh;}
        }

    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav ">
        <a href="duobao_page.html" class="mui-icon-undo mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title" id="page_title">{$data.page_title}</h1>
    </header>

    <div class="mui-content f14" style="background:#f1d404;padding-left:10px;padding-right:10px;">
        <div style="min-height:calc(100vh - 44px);background:#fff2c3;box-shadow:0 0 3px #ddd;padding:15px;">
            <div>
                <div><img class="aui-col-10" src="image/banner.png" alt=""></div>
                <div>
                    <div class="aui-col-9 nowrap ellipsis">Apple ipad 9.7英寸（64G Wi-Fi版）灰色</div>
                    <div class="f12">期限:12356 <span class="fr">总需3888人次/剩余668人次</span></div>
                </div>
            </div>
            <div class="list_con aui-mar-t-10 flex aui-pad-10">
                <div class="f1">单次不能超过3888人次</div>
                <div class="f1 mui-text-right f12">参与人次 <span class="aui-mar-l-10 f14"><span class="duo_jia">+</span><input id="buy_num" style="width:30%;height:20px;padding:5px;font:12px/14px '';margin:0 5px;text-align:center;" type="text" value="1"><span class="duo_jian">-</span></span></div>
            </div>
            <div class="aui-color-red aui-pad-t-10 f12">投注越大，中奖概率会越高哦～</div>
            <div class="list_con aui-pad-10">支付积分 <span class="fr"><img src="images/zuan.png" alt="" width="12">1</span></div>
        </div>
    </div>
    <div class="fix aui-col-10 mui-text-center f14" style="left:0;bottom:0;">
        <div class="flex aui-color-red"><div class="f1">活动规则</div> <div class="f1">用户协议</div></div>
        <div class="duo_buy aui-bg-lightyellow line-height-3">立即购买</div>
    </div>

    <div class="alert f14 mui-text-center none">
        <div class="duo_touzhu box re none">
            <div class="tc_btn">购买成功</div>
            <img src="images/xiaolian.png" alt="" width="70">
            <div class=""> <b>投注成功</b></div>
            <div class="f12 line-height-2 aui-pad-b-10">亲，在我的背包里订单查看开奖信息哦~</div>
            <div class="yes orange_btn auto">确定</div>
        </div>
        <!--成功-->

        <div class="duo_buzu box re none">
            <div class="tc_btn">积分提示</div>
            <img src="images/kulian.png" alt="" width="70">
            <div class=""> <b>亲，您的积分余额不足</b></div>
            <div class="f12 line-height-2 aui-pad-b-10">新用户可以去 <a href="" style="color:#574502;text-decoration:underline;">福利</a>免费获取积分哦～</div>
            <div class="yes orange_btn auto">确定</div>
        </div>
        <!--失败-->
    </div>
</body>
<script src="js/alert.js"></script>
</html>